<?xml version="1.0" encoding="UTF-8"?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	template="/WEB-INF/templates/template.xhtml">
	<ui:define name="content">


		<h1>
			<h:outputText value="Alta Productos" />
		</h1>

		<br />
		<h2></h2>
		<!--  -->
		<h:form id="formLista">
			<p:dataTable id="lista" value="#{productoController.productos}" var="v_task"
				paginator="true" paginatorPosition="top" rows="10">
				
				<p:column headerText="Nombre" sortBy="nombre"
					filterBy="nombre">
					<p:outputLabel value="#{v_task.nombre}" />
				</p:column>
				<p:column headerText="Descripcion" sortBy="descripcion" filterBy="descripcion">
					<p:outputLabel value="#{v_task.descripcion}" />
				</p:column>
				<p:column headerText="Precio" sortBy="precio" filterBy="precio">
					<p:outputLabel value="#{v_task.precio}" />
				</p:column>
				<p:column headerText="Cantidad" sortBy="cantidad" filterBy="cantidad">
					<p:outputLabel value="#{v_task.cantidad}" />
				</p:column>
				<p:column headerText="Envase" sortBy="envase" filterBy="envase">
					<p:outputLabel value="#{v_task.envase}" />
				</p:column>
				<p:column headerText="Proveedor" sortBy="descripcion" filterBy="descripcion">
					<p:outputLabel value="#{v_task.proveedor.nombre}" />
				</p:column>
				
			</p:dataTable>
		</h:form>

		<h:form id="alta">
			<p:growl globalOnly="true" showDetail="true" showSummary="true" />
			<p:panel header="Crear" id="crearPanel">
				<p:panelGrid columns="3">
					
				
					<p:outputLabel value="Nombre:" for="prodNombre" />
					<p:inputText value="#{productoController.producto.nombre}" id="prodNombre" />
					<p:message for="prodNombre" />

					<p:outputLabel value="Descripcion" for="prodDescripcion" />
					<p:inputText value="#{productoController.producto.descripcion}" id="prodDescripcion" />
					<p:message for="prodDescripcion" />
					
					<h:outputLabel for="envase" value="Envase: *" />
					    <h:selectOneMenu id="envase" value="#{productoController.producto.envase}">
        					<f:selectItem id="item1" itemLabel="Bidon 10 Litros" itemValue="1" />
        					<f:selectItem id="item2" itemLabel="Bidon 20 Litros" itemValue="2" />
        					<f:selectItem id="item3" itemLabel="Sifon 1.5 Litros" itemValue="3" />
       					</h:selectOneMenu>
					<p:message for="envase" />
					
					<p:outputLabel value="Precio" for="prodPrecio" />
					<p:inputText value="#{productoController.producto.precio}" id="prodPrecio" />
					<p:message for="prodPrecio" />
					
					<p:outputLabel value="Cantidad" for="prodCantidad" />
					<p:inputText value="#{productoController.producto.cantidad}" id="prodCantidad" />
					<p:message for="prodCantidad" />
					
					
					<h:outputLabel for="proveedor" value="Proveedor: *" />
					<h:selectOneMenu id="proveedor" converter="#{convertProveedor}"
						value="#{productoController.producto.proveedor}">
						<f:selectItem itemLabel="Seleccionar Proveedor" itemValue="" />
						<f:selectItems value="#{taskHome.tasks}" var="prov"
							itemValue="#{prov}" itemLabel="#{prov.nombre}" />
					</h:selectOneMenu>
					<p:message for="proveedor" />
					
					</p:panelGrid>
				<f:facet name="footer">
					<p:commandButton action="#{productoController.saveProducto}" value="Guardar"
						update=":formLista:lista :alta" />
				</f:facet>
			</p:panel>
		</h:form>

	</ui:define>
</ui:composition>
